<div class="page-content">
	 

    <section>
       <div class="weui_cells_title">选择缴费房屋</div>
       <div class="weui_cells weui_cells_split">
            <div class="weui_cell weui_cell_select">
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" name="select1"  @change="getBuilding" id="shop_id">
                        <option selected="" value="">选择小区</option>
                        <option  v-for="item in shop_list" :value="item.id">{{item.name}}</option>
                        
                    </select>
                </div>
            </div>

            <div class="weui_cell weui_cell_select">
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" name="select2" id="building_key"  @change="getRooms" >
                        <option selected="" value="">选择小区所在单元</option>
                        <option  v-for="item in building" :value="item.key">{{item.group}}{{item.building}}{{item.unit}}</option> 
                    </select>
                </div>
            </div>

             <div class="weui_cell weui_cell_select">
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" name="selec3" id="outRoomId" >
                        <option selected="" value="">选择房号</option>
                        <option  v-for="item in rooms" :value="item.out_room_id">{{item.address}}</option> 
                    </select>
                </div>
            </div>

            
        </div>
        <div style="padding: 20px">
        	   <a href="javascript:;" @click="getOutRoomId" class="weui_btn weui_btn_primary">确定</a>
        		<a href="javascript:;" class="weui_btn weui_btn_default" onclick="window.history.back(); ">返回</a>
        </div>
   
    </section>


 
</div>